import React from 'react'
import { Row, Col, Popover } from 'antd'
import style from './style.module.css'
import wx from './weixin.png'
import { WeiboCircleOutlined, TwitterOutlined, FacebookOutlined } from '@ant-design/icons'
import { Link } from 'react-router-dom'
import address from './address-icon.png'
import chuanzhen from './chuanzhen-icon.png'
import email from './email-icon.png'
import tel from './tel-icon.png'

const wei = () => <img src={wx} alt="" />



export default function Footer() {
  return <Row className={style.footer}>
    <Col span={24} >
      <div className={style.center} >
        <div className={style.list}>
          <div >
            <p>
              <a target="_blank" rel="noopener noreferrer" href="https://www.hterobot.com">官网首页</a>
            </p>
            <p>
              <a target="_blank" rel="noopener noreferrer" href="https://www.hterobot.com/course">卓越选择</a>
            </p>
            <p>
              <a target="_blank" rel="noopener noreferrer" href="https://www.hterobot.com/about">了解我们</a>
            </p>
            <p>
              <a target="_blank" rel="noopener noreferrer" href="https://www.hterobot.com/Campus">教育服务</a>
            </p>
          </div>
          <div>
            <p>
              <a target="_blank" rel="noopener noreferrer" href="https://www.hterobot.com/point">预约试听</a>
            </p>
            <p>
              <Link to="/">BBC官方合作伙伴</Link>
            </p>
            <p>
              <Link to="/">城市合伙人</Link>
            </p>
          </div>
          <div >
            <p>
              <img src={address} alt="" />
              {/* <svg className="icon" aria-hidden="true">
                <use xlinkHref="#icon-address_icon"></use>
              </svg> */}
              &nbsp;
                北京市上奥世纪中心A座
            </p>
            <p>
              <img src={tel} alt="" />
              {/* <svg className="icon" aria-hidden="true">
                <use xlinkHref="#icon-dianhua"></use>
              </svg> */}
              &nbsp;
                010-8648-3029
            </p>
            <p>
              <img src={email} alt="" />
              {/* <svg className="icon" fill="#ffffff" aria-hidden="true">
                <use xlinkHref="#icon-chuanzhen"></use>
              </svg> */}
             &nbsp; 010-8648-3029
            </p>
            <p>
              <img src={chuanzhen} alt="" />
              {/* <svg className="icon" aria-hidden="true">
                <use xlinkHref="#icon-youxiang"></use>
              </svg> */}
              &nbsp;
              info@hterobot.com
            </p>
          </div>
          <Row className={style.text} >
            <Col span={6}>
              <Popover content={wei} trigger="hover">

                <svg className={`icon ${style.icon} ${style.icon1}`} aria-hidden="true">
                  <use xlinkHref="#icon-weixin"></use>
                </svg>
              </Popover>
            </Col>
            <Col span={6}>
              <a target="_blank" rel="noopener noreferrer" href="https://m.weibo.cn/u/2331671371?"><WeiboCircleOutlined className={`icon ${style.icon} ${style.icon2} `} /></a>
            </Col>
            <Col span={6}>
              <TwitterOutlined className={`icon ${style.icon} ${style.icon3}`} />
            </Col>
            <Col span={6}>
              <FacebookOutlined className={`icon ${style.icon} ${style.icon4}`} />
            </Col>
          </Row>
        </div>

        <div className={style.recordcode}>
          北京哈工科教机器人科技有限公司版权所有 | Copyright©2017-2019 HteRobot All Rights Reserved.
京ICP备17067728号-1  <a rel='noreferrer noopener' target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010602040112">京公网安备11010602040112号</a> <img src="http://www.beian.gov.cn/img/ico.ico" alt="" />
        </div>
      </div>
      <div>

      </div>
    </Col>
  </Row >
}